<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2022/4/24
  Time: 10:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>读取markdown文件</title>
</head>
<body>
    <div class="container" style="margin-top:30px">
        <form name="form" action="" method="post">
            <select name="q">
                <option class="active" alue="">选择一个笔记:</option>
                <option value="A.md">第一个Markdown文档</option>
                <option value="B.md">第二个Markdown文档</option>
                <option value="C.md">第三个Markdown文档</option>
                <option value="Evalue-TranscriptomeData.md">第四个Markdown文档</option>
            </select>
            <input type="button" value="显示" onclick="showMarkdown()">
        </form>
        // 在这里编辑空的div节点，用于后面展示解析后的内容
        <div id="content"></div>
    </div>




    <script src="../../plugins/jquery.min.js"></script>

    <script>
        // 获取表单变量
        let f=form;
        // 创建XMLHttpRequest对象
        let xmlhttp;
        if (window.XMLHttpRequest)
        {

            xmlhttp=new XMLHttpRequest();
        }
        else
        {

            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }


        // 得到服务器响应后，对得到的Markdown文档进行解析
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                // 这里调用了marked框架中的marked函数实现Markdown2HTML的解析
                document.getElementById("content").innerHTML=marked(xmlhttp.responseText);
            }
        }


        // 向服务器发送请求，获取你需要的Markdown文档
        xmlhttp.open("GET",f.q.value,true);
        xmlhttp.send();
        }
    </script>


</body>
</html>
